17 Nice Vertical Drop Down Menu Showcase

1. CSS 3 Drop Down Menu - 5 different colors scheme

featured image

Drop Down Menu created with CSS3 markup. This menu doesen’t need any images.

More Details

2. CSS3 Menu

CSS3 Menu

CSS3 is changing how we build websites. Even though many of us are still reluctant to start using CSS3 due to the lack of support in some browsers, there are those out there that are moving forw

ard and doing some amazing stuff with its cool new features. No longer will we have to rely on so much JavaScript and images to create nice looking website elements such as buttons and menu navigations.

You can build a cool rounded navigation menu, with no images and no Javascript, and effectively make use of the new CSS3 properties border-radius and animation.

More Details

3. Mr.Menu

featured image

Menu is an object oriented menu widget.Renders a dynamic menu from a database table. You can have a special class appended to a link in the menu. Menu is object oriented, this allows to change every option on the fly, allowing to display how manu menus you like on the same webpage, each with his own customized style!

Menu renders a standard menu. From horizontal to vertical, from background images to w3c complaint menus. You need a menu with two background images? Fear not: with a simple option you can wrap links around a tag.Menu can also render a list of all items in the menu to be placed on the foot of the website. The menu uses jquery to drop down the sub items in the menu with style!

More Details

4. Drop Menu

featured image

With this script you can make nice and interactive drop down menus. The advantage of this script is that it not only gives you the ability to make list drop down menu. You can also use a div as drop down element. This way you can create big drop down menus like under the buttons products and tutorials in the live preview. Or you can create a login panel in your drop down like I did in the live preview. Vertical example

Horizontal and vertical menus

More Details

5. Vertical Elan - Responsive CSS3 Vertical Menu

featured image

CSS3 mega drop down responsive menu for your web site. Menu has 5 columns grid and work on all major browsers.

More Details

6. jQuery CSS3 DropDown Menu Plugin

featured image

It’s a jQuery drop down menu, the CSS3 animation slideshow is driven by Animate. // hide the sub menus instantly, use in the cool CSS3 vertical menu

// when clcik a menu, add the .active class to the current menu or not

More Details

7. Argus - Mega Menu

featured image

This is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. On mobile and tablet devices, only the first level of the classic drop-down menu is visible. Menu also comes in two variants (Centered and Full Width). Menu works (the main structure is 100% same) on CSS3 menu bar 9, 8, 7… and a lot of old browsers but animation and some other CSS3 features do not work.All images used in the preview are just for demonstration purposes and not included in the Menu.

More Details

8. 3d Mega Menu for Bootstrap

featured image

Responsive 3D Mega drop down menu (latest ver 1.Responsive 3D Mega vertical drop menu is a flexible and high customizable to build your custom menus. In addition to you can set up the menu item drop down by clicking or hovering. There are 2 colors for drop downs (dark and light) and many 2D, 3D effects. Horizontal and vertical versions

Click/hover behavior choice on the mega menu dropdown jQuery options page

Fly-out Menu with Unlimited Sublevels

This menu has been tested (and works !) in all the following browsers :

More Details

9. Easy Menu Manager

featured image

Easy Menu Manager is an AJAX /PHP powered menu management system. You can add, edit, delete, and reorder menu items easily using this application.Multi-level menu

Menu items can be grouped, so you can show different menus in one page, for example: top menu, sidebar menu, footer menu, member menu

Add, edit, and delete menu items easily using ajax.Drag and CSS vertical drop menu items to change their order (also works in nested menu)

Generate nested lists menu structure

CSS3 styles for displaying dropdown menu (horizontal & vertical)

It can also be used to replace the menu in your static website, but it may not work if included inside a complex framework/CMS. Added alternative script for displaying menu

More Details

10. Responsive Mega Menu Complete Set

featured image

NEW – THIS MENU IS NOW FULLY RESPONSIVE !

This Mega Drop Down Menu Complete Set is perfect for creating unique menus by using one of the 9 jQuery effects and one of the color schemes. Based on a custom grid, this menu allows you to organize your content into columns (from 1 up to 12) with a lot of typography examples such as headings, lists, images styling, tables, form elements, etc.Horizontal and vertical versions

Fly-out Menu with Unlimited Sublevels

First drop down already opened when the page loads

Or any other drop down opened when the page loads

This menu has been tested (and works !) in all the following browsers :

Added a fixed version of the menu (changes in megamenu.Changed the behavior of the menu on mobile devices : the vertical menu bar wordpress becomes a button to toggle the menu on small screen resolutions. The whole menu is now fully responsive

This is an important update that was necessary to improve this menu and make it responsive.Improved compatibility with touch screen devices (added the ability to open and close drop downs)

Rewrote entirely the menu CSS vertical script

Improved / modified the jQuery horizontal mega menu CSS markup

Reintroduced form elements (and fixed an issue with the drop downs closing when clicking on form elements)

All menu variants use the same assets (JS, CSS)

I’ve also created a website that compares and filters my different menus by options / features, Mega-Menu. If you’re still not sure about the menu that would fit into your project, you can contact me at any time from my profile page.

More Details

11. UberMenu - WordPress Mega Menu Plugin

featured image

UberMenu is a user-friendly, highly customizable, responsive Mega Menu WordPress plugin. It works out of the box with the dropdown menu CSS Menu System, making it simple to get started but powerful enough to create highly customized and creative mega menu configurations.Works out of the box with most WordPress 3 Menu-Enabled Themes

Integrates directly with the wordpress 3 vertical menu Menu Management System – work with the system that you know and love!

Vertical and Horizontal Menus

Use the menu with or without jQuery Enhancements

Add an Image to any Menu Item through the Featured Image interface

Add Descriptions to any Menu Item at any level

Ability to create image-only menu items (no text)

Menu is fully widgetized with unlimited widget areas!

Drag and drop Widgets into the wordpress slider widget areas with ease

Menu styles are CSS-driven

Use of the WordPress 3 Menu System

A Theme that properly implements the WordPress 3 Menu System, using the wp_nav_menu() function with the theme_location parameter.UberMenu will not automatically adopt the style of your theme’s menu. You can change the menu that appears on an individual Page or Post using the Menu Swapper plugin.* Added first menu item hover border radius for style generator

* Fixed CSS issue with responsive menu wordpress bars button

* Added mobile menu interface to all iOS devices (easier closing of menu)

* Improved responsive theme handling to avoid duplicating mega menu

* Ability to center menu items within HTML horizontal menu

* Revised menu item options to use a single variable (increases menu item limit imposed by PHP)

* Enhancement: easy centering of HTML CSS horizontal menu bar

com/wordpress-plugins/responsive-wordpress-mega-menu

* wp-uber-menu.* wp-uber-menu-admin.* Menu thumbnail SSL support

* Top level widget capabilty - add a search box widget to your menu bar!

* Auto Align second-level menu items option

* Support for image-only menu items (no text)

There were a variety of changes, so if you are upgrading, be sure to back up your old wp-uber-menu folder before installing the new version

2 makes the Menu Item Image support more robust. Depending on how the relevant theme is implemented, in certain cases it can keep the plugin from enabling featured images on menu items and vice versa.

More Details

12. Zozo Tabs

featured image

Some of it’s key features includes: vertical tabs, horizontal tabs, responsive tabs, deep-linking, powerfull API, CSS3 transition with fallback, 6+ sizes, 10+ themes, 14+ templates, 10+ positions, 65+ options and much more. Zozo Tabs allows you to create custom themes and customize your own build suited to your individual needs, modify, include or remove certain modules (reduce size of css by 90%) such as vertical, underlined, multiline, responsive etc. This makes easier to customize your build of Zozo Tabs to modify, include or remove certain modules such as vertical, underlined, multiline, responsive etc. Added: Option maxRows which will be used to switch to CSS3 dropdown menu when executed

Added: Option minWindowWidth which will be used switch to dropdown menu not working wordpress

Touch-Enabled – Tabs are displayed in a simple CSS dropdown menu with touch enabled events and fast CSS3 Transitions, view Mobile Tabs

10 Flexible ways to position – Tabs are very flexible and customizable, horizontal and navigation menu vertical tabs and it can be positioned in 10 Flexible ways, view Positioning demo

Orientation – Zozo Tabs suppports horizontal and vertical tabs, view Orientation demo

Automatically Scrolling – When clicking on tabs/downlown menu on smaller screens, it will scroll automatically to show your content. The majority of buyers rate it 5 stars if you are rating it with less than 5 stars please drop us a mail why it didn‘t achive a full score and what could be improved in your opinion.

More Details

13. jQuery Vertical Drop-Down Menu

featured image

Two Versions Vertical Drop-Down Menu

The scripts are two complex jQuery menu plugins with an unlimited number of submenus, easy to integrate.Menu 1

a simple CSS dropdown menu structure.Menu 2 – see Live Preview

a simple menu dropdown CSS structure.

More Details

14. CSS3 Mega Drop Down Menu

featured image

This Mega Drop Down Menu is a flexible and easy image gallery solution to build your custom menus. The drop down relies only on CSS/XHTML and comes with a fully working contact form. 3 main variants are included : horizontal, vertical aligned on the left and vertical aligned on the right. This item comes with 9 color variants (and 2 color schemes for the drop downs – dark and light) and a detailed documentation to help you to customize it.100% Responsive Mega Menu

Horizontal and Vertical Layouts

This menu has been tested (and works !) with all the following browsers :

Made the menu 100% responsive

Grouped all menu variants (horizontal and vertical)

Added the ability to align the drop downs vertically (vertical versions only)

Added a full browser width variant (the menu remains centered)

Completely changed the way to handle the full width drop down variant (no more negative margins)

Added a “right aligned” vertical variant

Added a dark variant of the drop down

Added a 2-Levels Drop Down

Added a bonus Vertical Mega Menu

Added a Full Width drop down variant

You can now use safely this mega menu horizontal jQuery along with my CSS Sticky Footer

I’ve also created a website that compares and filters my different menus by options / features, Mega-Menu. If you’re still not sure about the menu that would fit into your project, you can contact me at any time from my profile page.

More Details

15. Vertical CSS3 Mega Menu

featured image

If you need to display your catalog or a long list of products in a small area of your site, then this menu HTML5 CSS3 Mega Menu is made for you.The first drop down level can be hidden or visible on page load and the whole system works on mouse hover, it’s a CSS-only system that doesn’t need a single line of javascript.Powerful Menu System

CSS-only Mega Menu

Unlimited Drop Down Levels

2 Drop Down Positions (Top or Relative)

This menu has been tested (and works !) with all the following browsers :

I’ve also created a website that compares and filters my different menus by options / features, Mega-Menu. If you’re still not sure about the menu that would fit into your project, you can contact me at any time from my profile page.

More Details

16. jQuery Glyph Menu

featured image

The script is a complex jQuery elegant Glyph drop-down Menu (horizontal and vertical) with huge possibilities for any project. a simple menu vertical jQuery structure.Fantastic idea of usage this menu

You can use the menu as wordpress themes gallery by special links of social services

More Details

17. Mega Navigation Menu Pack With Menu Maker

featured image

This Down Menus Supports Unlimited Levels of Hierarchy And Unlimited Numbers Of columns.It Comes With Drop Down Menu Maker To Create Menus Quickly.No Need To Code Manually For Your Drop down Menus

Just Copy Paste Generated Code To Your Web page Add Css And Javascripts And Your menu Is Ready To use…

Included 1 Video Tutorial On How To Use Drop Down Menu Maker And Html Documentation On How To Use Css And Javascripts As Per Your Need

60+ Backgrounds for CSS3 horizontal drop line menu Down Menu 18+ Background For Vertical Drop Down menus

Cross-Platform Compatibility For simple CSS dropdown menu Maker

Also Included Js For Simple Drop Down Menus Without Any Animation Effect

Included Javascripts For floating vertical nav bar menu And Sticky Vertical Menu

Css For CSS horizontal drop menu Drop Down Menus

Included Javascript To Auto Convert Horizontal Menu To Vertical menu On Scroll

Horizontal Menu With Slider

Sticky Floating Menu

Slide Down Menu (Dynamite Menu)

Sucker-fish style Horizontal Menu

Updates In mega dropdown menu CSS3 Maker

Added Functionality to Add Side Icones In Menu Items

Dropdown Menu Maker Can Now Genrate Organized Code With Comments So It’s Easy To Customize

More Details

18. Slicnot - Clean CSS Menu with Sliced Notification

featured image

Hello everybody! Slicnot is a small CSS toolkit that allows you to create anything from just a simple plain button to a complex drop-down navigation menu bar with very less amount of effort.• Separated Menu Button

Vertical Dropdown Menu

If you have any question regarding to this item, feel free to drop me an email via my user page contact form.

More Details